<template>
  <div id="app">
    <!-- 可以这样去渲染前面的列固定内容的表格 -->
    <table>
      <tr>
        <td style="text-align: center" width="6%">重点工作内容</td>
        <td style="text-align: center" width="20%">保障措施和对策</td>
        <td style="text-align: center" width="35%">保障措施和对策</td>
      </tr>
      <tr>
        <td :rowspan="8 + 1">aaa</td>
      </tr>
      <tr>
        <td :rowspan="4 + 1">111</td>
      </tr>
      <tr v-for="item in 4" :key="item">
        <td rowspan="1">aa222a</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
tr td {
  border: 1px solid #efefef;
}
table {
  /* color: white; */
  border-collapse: collapse;
  table-layout: auto; /* 自动调整列宽 */
}
</style>
